字节跳动开源前端模块打包工具Rspack：基于Rust、主打高性能

字节跳动开源了一款采用 Rust 开发的前端模块打包工具：Rspack（读音为 /'ɑrspæk/）。

据介绍，Rspack 是一个基于 Rust 的高性能构建引擎，具备与 Webpack 生态系统的互操作性，可以被 Webpack 项目低成本集成，并提供更好的构建性能。

特性

• 启动速度极快: 基于 Rust 实现，构建速度极快，带给你极致的开发体验。
• 闪电般的 HMR: 内置增量编译机制，HMR 速度极快，完全胜任大型项目的开发。
• 兼容 webpack 生态: 针对 webpack 的架构和生态进行兼容，无需从头搭建生态。
• 内置常见构建能力: 对 TypeScript、JSX、CSS、CSS Modules、Sass 等提供开箱即用的支持。
• 默认生产优化: 默认内置多种优化策略，如 Tree Shaking、代码压缩等等。
• 框架无关: 不和任何前端框架绑定，保证足够的灵活性。

从官方的描述来看，他们创建此项目并非是强行造轮子。而是当前的技术方案无法满足他们的需求，所以才决定自研 Rspack。

开发团队表示，字节跳动内部存在非常多的大型前端应用，它们有着非常复杂的构建配置，生产环境构建需要耗费十几分钟，甚至超过半小时；开发环境的耗时也超过十几分钟。

他们在 Webpack 上尝试了多种方法去优化这些项目的编译速度，但是社区内存在的方案都或多或少存在一些问题，在对这些问题总结后，他们理解到工程师对构建工具的诉求是：

• 良好的 Dev 启动性能
• 良好的 Build 性能
• 足够灵活的配置
• 生产环境的产物优化能力

在确定了这四个需求后，团队调查了社区中的所有技术方案，它们通常都能很好地满足其中个别需求，但没有一个方案能同时满足所有条件。因此，他们决定自研 Rspack。

开发团队还说道，到今天（2023 年 3 月）为止，Rspack 已经开发了 11 个月，虽然仍处于比较早期的状态，且缺失了一些 Webpack 的功能，但根据二八原则，目前的功能已经能够满足大多数项目的需求。而且根据他们的验证，Rspack 可以给项目带来 5 ～ 10 倍的编译效率提升，并且随着内置越来越多的常见 features，性能也在逐步地提升。

构建速度对比（模块数量：50000）

查看 Benchmark 详情：https://www.rspack.dev/zh/misc/benchmark.html

目前 Rspack 已经完成了 Webpack Loader 架构的支持，开发者可以在 Rspack 中使用之前见到的 Loader，如 babel-loader、less-loader、svgr 等等。团队表示长期的目标是完整支持 Loader，未来可以直接在 Rspack 中使用社区内的 vue-loader。

去年 Vercel 公司也开源了一款基于 Rust 的打包工具：Turbopack。Turbopack 是面向 JavaScript 和 TypeScript 优化的增量打包工具和构建系统，采用 Rust 编写，声称是 Webpack 的继任者，也是以 “高性能” 作为卖点。

Rspack 开发团队也表示他们从 Turbopack 汲取了灵感，启发了 Rspack 里基于 AST 的路径重写逻辑。

虽然 Rspack 和 Turbopack 都是基于 Rust 实现的 bundler，且都发挥了 Rust 语言的优势。但与 Turbopack 不同的是，Rspack 选择了对 Webpack 生态兼容的路线。

开发团队认为，这些兼容可能会带来一定的性能开销，但在实际的业务落地中，对于大部分的应用来说，这些性能开销是可以接受的，另一方面，这些兼容也使得 Rspack 可以更好地与上层的框架和生态进行集成，能够实现业务的渐进式迁移。

团队还提到，他们已经和 Webpack 团队确立了合作关系，Rspack 作为 Webpack 通过 Rust 进行性能优化的一个尝试，未来会和 webpack 团队一起探索优化 webpack 的更多可能性。当 Rspack 达到一定的成熟度时，webpack 团队将尝试以实验特性方式将 Rspack 集成到 webpack 中。

往期推荐

---

这里有最新开源资讯、软件更新、技术干货等内容

点这里 ↓↓↓ 记得 关注✔ 标星⭐ 哦